<template>
  <header>
    <div><i class="iconfont icon--kefu"></i></div>
    <div>
      <slot>登录</slot>
    </div>
    <div><i class="iconfont icon--kefu"></i></div>
  </header>
</template>

<script>
export default {
  name: "MyHeader",
};
</script>

<style lang="less" scoped>
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  color: #fff;
  font-size: 18px;
  background-color: #b0352f;
  i {
    font-size: 28px;
    padding: 0 15px;
  }
}
</style>